<template>
<el-dialog custom-class="tasklog-dalog" append-to-body title="日志详情" :visible.sync="data.show" width="60%">
    <pre v-if="data.form">{{data.form}}</pre>
    <no-data v-else>
        <span>暂无数据</span>
    </no-data>
    <span slot="footer" class="dialog-footer">
        <el-button @click="data.show=false">取 消</el-button>
        <el-button type="primary" @click="data.show=false">确 定</el-button>
    </span>
</el-dialog>
</template>

<script>
import NoData from '@/components/NoData'
export default {
    name: 'TaskLogDialog',
    components: {
        NoData
    },
    props: {
        data: {
            required: true,
            type: Object
        }
    }
}
</script>

<style lang="less">
.tasklog-dalog {
    .no-msg-img {
        padding-top: 5%;
    }
    .el-dialog__body {
        height: 60vh;
    }
}
</style>
